18 Fancy CSS3 Slideshow Examples Examples

1. Slideshow with Separate Content Animations

featured image

This is a content slideshow jQuery which is based entirely on HTML & CSS3 .Pure HTML5 /CSS3, no JavaScript

Many animation examples

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Some Examples:

3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow

Examples

Add new feature: Shuffle mode for slideshow

More Details

4. Strapslide - Responsive Bootstrap Slider Plugin

featured image

CSS3 Transition library

Slideshow Design

More Details

5. Ultimate Grid Responsive Gallery

featured image

CSS3 Effects

Lightbox with slideshow (play, pause, auto-play)

More Details

6. jSliderPro

featured image

CSS3 and HTML5 only. Reference manual and hundreds of ready-to-use examples included in the provided package.

More Details

7. Horizontal Gridfolio Pro

featured image

We have also included full documentation, examples pages and PSD files along with eight skins.Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.

More Details

8. Responsive Gridfolio

featured image

In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

9. Sky Mega Menu

featured image

Beautiful CSS3 animationsThere are 4 animation effects based on pure CSS3: scale, slide, tilt and fade.Useful examplesYou can use these examples as a base for creation your own navigations simple and fast.

More Details

10. Showbiz Pro Responsive Teaser JQuery Plugin

featured image

Please check out the examples to see for example how a small preview view expands to a rich detailed panoramic view. Try our examples, check the sourcecode toggle and also resize the screen for a responsive preview. The given examples of the preview are included in the download zip and mean an awesome starting point to build your own Showbiz out of it. Fast CSS3 & jQuery Engine

More Details

11. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

12. RoyalSlider – Touch-Enabled jQuery Image Gallery

featured image

Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practises of HTML5, CSS3 transitions are used for all animations (with fallback). Script is used by top agencies and brands around the world, scroll down to see real world examples.Super smooth hardware accelerated CSS3 transitions for supported touch devices.Auto slideshow with optional pause on hover.Public methods, properties and callbacks (go to slide, play slideshow e.Please note that some of these examples are created with old version of RS (< 9.

More Details

13. Universal Responsive Mega Menu

featured image

For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page. You also may notice some differences between browsers : some CSS3 effects like shadows or CSS3 rounded corners are not showing up in Internet Explorer for example (for more informations on this topic, you can visit findmebyIP).

More Details

14. Royal 3D Carousel

featured image

Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Fast CSS3 & JavaScript engine.

More Details

15. Versatile Touch Slider

featured image

See below the main features and click on Live Preview to see some examples.Easy to configure and use (Examples included);

CSS3 Animations / jQuery Fallback;

added example with CSS3 animation.

More Details

16. Slider Revolution Responsive jQuery Plugin

featured image

Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and JavaScript slideshow thumbnails

IE9 and IE8 transitions reduced to None CSS3 Transitions

More Details

17. jQuery Fullscreen Slideshow

featured image

Auto delay slideshow, hover icons and text to pause. CSS3 transition support in the modern browser, fade only in the old browsers.

More Details

18. Pull-Out Content Panel

featured image

CSS3 animations

Here are a few examples of the possible usages :

Please note that some features don’t show up on some browsers, for example gradients or CSS3 transitions don’t work under Internet Explorer 7-8.

More Details

19. jQuery Responsive Quote Rotator

featured image

A jQuery plugin banner rotator help you to display quote of the day or customer testimonial with CSS3 transtion support.CSS3 transition in the modern browser. Auto delay slideshow. Optional mouse over to pause the slideshow.

More Details